import Styled from 'styled-components';
let ProductStyled=Styled.div`
    /* 头部图片 */
    header img{
        width:100%;
        height:16rem;
    }
    /* 云平台 */
    .cloudplatform{
        margin-top:1rem;
        .cloudlist{
                width:20rem;
                margin:0 auto;
                /* background-color:red; */
                ul{
                    width:100%;
                    margin-top:0.5rem;
                    li{
                        margin-top:0.5rem;
                        h4{
                            font-weight:normal;
                            margin-bottom:0.5rem;
                        }
                        p{
                            color:gray;
                            font-size:0.9rem;
                        }
                    }
                }
            }
    }
    }
    .cloudtitle{
        display:flex;
        justify-content:space-between;
        align-items:center;
        img{
            width:6rem;
            height:0.5rem;
        }
    }
    .cloud{
        width:22rem;
        height:20rem;
        /* background-color:pink; */
        margin:1rem auto;
        display:flex;
        justify-content:space-around;
    }
    .cloudbanner{
        width:10rem;
        height:20rem;
        /* background-color:blue; */
        position:relative;
        z-index:-1;
        .phone{
            width:10rem;
            height:20rem;
        }
        .phonebanner{
            width:9rem;
            height:15.5rem;
            background-color:yellow;
            position:absolute;
            top:2.2rem;
            left:0.5rem;
        }
    }
    .cloudshow{
        width:9rem;
        height:20rem;
        /* background-color:red; */
        div{
            display:flex;
            align-items:center;
            margin:1.2rem 1rem;
            img{
                width:1.5rem;
                height:1.5rem;
                margin-right:0.5rem;
            }
            span{
                font-size:0.8rem;
            }
        }
        .cloudshowtitle{
            margin-top:4rem;
            img{
                width:0.7rem;
                height:0.7rem;
            }
            span{
                font-size:1rem;
            }
        }
    }
    /* 智能设备 */
    .smalldevice{
        margin-top:1rem;
    }
    .smalldevtitle{
        display:flex;
        justify-content:space-between;
        align-items:center;
        img{
            width:9rem;
            height:0.5rem;
        }
    }
    .roadasidedev{
        width:22rem;
        margin:1rem auto;
    }
    .roadasidetitle{
        display:flex;
        align-items:center;
        img{
            width:0.7rem;
            height:0.7rem;
        }
        span{
            font-size:0.8rem;
            margin-left:0.5rem;
        }
    }
    .roadasideconent{
        width:100%;
        /* background-color:green; */
        display:flex;
        flex-wrap:wrap;
        justify-content:space-around;
    }
    .roadasidebox{
        width:10rem;
        height:22rem;
        margin-top:1rem;
        /* background-color:pink; */
        border:1px solid gray;
        img{
            width:9.9rem;
            height:10rem;
        }
        h5{
            font-weight:normal;
            text-align:center;
            margin:0.5rem auto;
            font-size:1rem;
        }
        p{
            font-size:0.7rem;
            color:gray;
            width:8rem;
            margin:0 auto;
            overflow:hidden;
        }
    }
    .autostop{
        width:22rem;
        margin:1rem auto;
    }
    .autostopconent{
        width:100%;
        display:flex;
        justify-content:space-around;
        margin-top:1rem;
        img{
            width:10rem;
            height:10rem;
        }
        div{
            width:10rem;
            h5{
                text-align:center;
                font-size:1rem;
                font-weight:50;
            }
            p{
                 font-size:0.7rem;
                 color:gray;
            }
        }
    }
    
`
export default ProductStyled;